Static Web Hosting แบบ Serverless ด้วย AWS Amplify (ง่ายมากๆ)

Static Web Hosting แบบ Serverless ด้วย AWS Amplify (ง่ายมากๆ)

Deploy เว็บไซต์ง่ายๆ ไม่ต้องผ่าน EC2 ด้วย AWS Amplify
Clock Icon2024.07.17

เนื่องในโอกาสที่ AWS Amplify ทำการเปลี่ยน UI ใหม่
ผมเลยอยากจะมาแนะนำ Service นี้ที่ใช้ในการ Deploy Website ของเราโดยที่เราไม่ต้องทำการ Management ฝั่ง Server เลย(Serverless) และมีการใช้งานที่ง่ายมากๆ แค่ไม่กี่คลิกเราก็มีเว็บไซต์เป็นของตัวเองแล้ว

ลงมือทำ

ก่อนอื่นให้เราทำการเปิด AWS Amplify Console
แล้วคลิก Create new app

amp1

จะเห็นว่าเราสามารถเริ่ม Deploy your app ได้จากหลากหลายตัวเลือก
แต่สำหรับบทความนี้เราจะเลือกตัวเลือกที่ง่ายที่สุด คือเราจะทำการอัพโหลดไฟล์ โดยตรงกับ AWS Amplify ครับ

คลิก Deploy without Git
คลิก Next

amp2

หากเรามีไฟล์เว็บไซต์ของเราที่ Zip อยู่แล้ว สามารถอัพโหลดได้เลย
แต่ถ้าใครยังไม่มีลองสร้างไฟล์ html แล้วใส่ตัวอย่างโค้ดตามด้านล่าง หากต้องการอยากทำตามได้

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Simple HTML Page</title>
</head>
<body>
    <h1>Welcome to My Simple HTML Page</h1>
    <p>This is a basic HTML file with minimal content.</p>
</body>
</html>

ทำการ Save เป็นชื่อ index.html
ทำการ Zip file แล้วทำการอัพโหลด
คลิก Save and deploy

amp3

เมื่อขึ้นสถานะ Deployed แล้ว ให้เราทำการกดลิ้งค์

amp4

จะได้เว็บไซต์ของเราแล้ว เย่!

amp5

วิธีการลบ Resource

เราสามารถลบ Resource ที่เราสร้างขึ้นมาได้โดยการ

คลิก App settings ในแถบด้านซ้าย
คลิก General settings ในแถบด้านซ้าย
กดปุ่ม Delete app
amp6
จากนั้นพิมพ์ delete
แล้วกด Delete app
amp7
เป็นอันเสร็จสิ้นครับ

ค่าใช้จ่ายที่เกิดขึ้น

สำหรับค่าใช้จ่ายที่เกิดในส่วนนี้ เราสามารถตรวจสอบได้จากเว็บไซต์ต่อไปนี้
ราคา AWS Amplify | ฟรอนต์เอนด์เว็บและมือถือ | Amazon Web Services

หรือหากต้องการคำนวณแบบระเอียด สามารถเข้าไปคำนวณด้วยตัวเองได้ที่
AWS Calculator

โดยหากเราสามารถใช้ Free Tier ได้ จะเห็นได้ว่าค่าใช้จ่ายหลายส่วนจะราคาลดลงมาก ถือว่าดีมากๆ สำหรับคนที่แค่อยากลองใช้

บทความที่เกี่ยวข้อง

Share this article

facebook logohatena logotwitter logo

© Classmethod, Inc. All rights reserved.